<ui:composition template="/dynamic/layout/layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="content">
		<style>
label {
	width: 100px;
	float: left;
	text-align: right;
}
</style>
		<div id="welcome">
			<p style="clear: both" />
		</div>

		<h:form id="addgenreForm">
			<h:messages globalOnly="false" showDetail="true" 
                        errorClass="messagesError" fatalClass="messagesFatal" 
                        infoClass="messagesInfo" warnClass="messagesWarn" />
			<fieldset>
				<legend>Dodaj nowy gatunek</legend>


				<p>
					<label>Gatunek:</label>
					<p:inputText id="genre" required="true"
						styleClass="login_input_long" label="genre"
						requiredMessage="pole jest wymagane."
						value="#{movieMBean.editMovieForm.genre}"
						validatorMessage="pole musi być dłuższe niż 2 znaki!">
						<f:ajax event="blur" render="genreM" />
						<f:validateLength minimum="3" />
					</p:inputText>
					<h:message id="genreM" for="genre" style="color:red"
						showDetail="true" showSummary="true" tooltip="true" />
				</p>

				

			
				

				<p:commandButton id="addnewgenre" type="submit"
					action="#{movieMBean.addGenre}" update="addgenreForm"
					value="Dodaj" />
			</fieldset>
		</h:form>


		<div id="main_content"></div>

	</ui:define>
</ui:composition>